<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.3
Version: 1.5.5
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>后台管理系统:<sitemesh:title/></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<meta name="MobileOptimized" content="320">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="${ctx}/static/metronic/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/metronic/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/metronic/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="${ctx}/static/metronic/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/metronic/assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/metronic/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/metronic/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/metronic/assets/css/themes/light.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="${ctx}/static/metronic/assets/css/custom.css" rel="stylesheet" type="text/css"/>
<link href="${ctx}/static/styles/default.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="${ctx}/static/images/favicon.ico"/>

<!-- BEGIN JAVASCRIPTS-->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
   <script src="${ctx}/static/metronic/assets/plugins/respond.min.js"></script>
   <script src="${ctx}/static/metronic/assets/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="${ctx}/static/metronic/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>

<!-- jquery validation begin -->
<script src="${ctx}/static/metronic/assets/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/jquery-validation/dist/additional-methods.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/jquery-validation/localization/messages_zh.js" type="text/javascript"></script>
<!-- jquery validation end -->
<script src="${ctx}/static/metronic/assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="${ctx}/static/metronic/assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="${ctx}/static/metronic/assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="${ctx}/static/metronic/assets/scripts/app.js"></script>
<script>
	var ctx = "${ctx}";
      jQuery(document).ready(function() {    
         App.init();
      });
</script>
<script type="text/javascript">
      jQuery(document).ready(function() {   
             //Hide the overview when click
             $('#someid').on('click', function () {
                 $('#OverviewcollapseButton').removeClass("collapse").addClass("expand"); 
                 $('#PaymentOverview').hide();
             });
         });
</script>
<!-- END JAVASCRIPTS -->

<sitemesh:head/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<%@ include file="/WEB-INF/layouts/header.jsp"%>
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
	<%@ include file="/WEB-INF/layouts/left.jsp"%>
	<sitemesh:body/>
</div>
<!-- END CONTAINER -->
<%@ include file="/WEB-INF/layouts/footer.jsp"%>
</body>
<!-- END BODY -->
</html>